<script>
import {getFooter} from "@/api/footerPage";

export default {
  name: "footerPage",
  data() {
    return {
      quaryList: {
        dictType: 'blogroll',
        pageNum: 1,
        pageSize: 10,
        orderByColumn: 'dictSort',
        isAsc: 'asc',
      },
      footerList: []
    }
  },
  mounted() {
    this.getfooterList()

  },
  methods: {
    getfooterList() {
      getFooter(this.quaryList).then(res => {
        this.footerList = res.rows
      })

    }
  }
}
</script>

<template>
  <div class="main">
    <div class="footer-box">
      <!--友情链接-->
      <div class="friend-link">友情链接：</div>
      <!--底部链接-->
      <div class="footer-link">
        <ul>
          <li v-for="item in footerList" :key="item.dictCode">
            <a :href="item.dictValue" target="_blank">{{ item.dictLabel }}</a>
          </li>
        </ul>
      </div>
      <div style=" margin: 24px 0; border: 1px solid rgb(84, 84, 84);"></div>
      <div class="company" style="  font-size: 14px;color: #999; text-align: center">Copyright © 2017-2025 石家庄天亮教育科技有限公司
        备案号:冀ICP备17020003号
      </div>
    </div>
  </div>
</template>

<style scoped lang="less">
ul {
  width: 610px;
  margin: auto;
  overflow: hidden;
}

li {
  margin-right: 40px;
  float: left;
  list-style: none;
}

a {
  text-decoration: none;
  font-size: 14px !important;
  color: #999 !important;
}

.footer-link {
  font-size: 14px;
  color: #999;
  min-height: 40px;
  text-align: center;
}

.friend-link {
  width: 51%;
  color: #fff;
  font-size: 22px;
  margin: 16px auto;
}

.footer-box {
  padding: 20px 0;
  margin: 0 auto;
  width: 1160px;
}

* {
  margin: 0 auto;
}

.main {
  height: 200px;
  background-color: black;
}
</style>
